<template>
	<view class="FoodDetails" :style="{'padding-top':navigationHeight>0?navigationHeight + 44 + 'px':''}">
		<u-navbar title="店铺详情">
			<view class="IconBox" slot="right" @click="collectStore">
				<u-icon name="heart-fill" size="38" color="#FF5555" v-if="info.UserShopCollection"></u-icon>
				<u-icon name="heart-fill" size="38" color="#515151" v-else></u-icon>
				<!-- <view style="margin-left: 32upx;">
					<u-icon name="bell" size="60" color="#515151"></u-icon>
				</view> -->
			</view>
		</u-navbar>
		<view class="FoodDetailsBox">
			<view class="Details_top">
				<view class="wrap" v-if="swiperList.length>0">
					<u-swiper :list="swiperList" height="394"></u-swiper>
				</view>
				<view class="Detailstitle">{{info.name}}</view>
				<view class="HoursBox">
					<view class="Hourstitle" v-if="info.is_opening==0">未设置营业状态</view>
					<view class="Hourstitle" v-if="info.is_opening==1">营业中</view>
					<view class="Hourstitle" v-if="info.is_opening==2" style="color: red;">休息中</view>
					<view class="Hourstitle" v-if="info.is_opening==3" style="color: red;">已闭馆</view>
					<view class="Hourstitle" v-if="info.is_opening==4" style="color: red;">装修中</view>
					<!-- <view class="Hourstitle">营业时间</view> -->
					<view class="Hours" v-if="info.is_opening!=3">
						<text>{{info.weekStr}}</text>
						<text v-if="info.day_start&&info.day_start!=='0'" style="margin-left: 20upx;">{{info.day_start}}</text>
						<text v-if="info.day_end&&info.day_end!=='0'" style="margin-left: 20upx;">{{info.day_end}}</text>
					</view>
				</view>
				<view class="menuBox">
					<view class="menuItem" v-for="(item,index) in info.ShopLabel" :key="index">{{item.label.name}}</view>
					<view class="menuItem" v-for="(item,index) in info.ShopFacilitiesLabel" :key="index">{{item.label.name}}</view>
				</view>
				<view class="addressBox">
					<view class="address_L" @click="toNav">
						<view class="addresstitle">{{info.detailed_address}}</view>
						<view class="addressNum">距离{{info.distance}}km</view>
					</view>
					<view @click="MakeCall">
						<u-icon name="phone-fill" color="#FFAC3F" size="45"></u-icon>
					</view>
				</view>
			</view>
			<view class="DiscountBox">
				<view class="Discounttitle">
					<view class="DiscountIcon">惠</view>
					<view class="DiscountName">优惠套餐</view>
				</view>
				<view class="DiscountList">
					<view class="DiscountItem" v-for="(item,index) in groupList" :key="index" @click="toOfferDetails" :data-id="item.shop_package_id" v-if="index<5||moreGroupFlag">
						<view class="Item_top">
							<view class="ItemImage" :style="{'background-image':'url('+getImage(item.title_image)+')'}">
								<!-- <image :src="getImage(item.ShopPackage.title_image)" mode=""></image> -->
							</view>
							<view class="Iteminfo">
								<view class="info_top">
									<view class="NameBox">
										<view class="Name">{{item.name}}</view>
										<view class="titmes">{{item.limit_time.str}}</view>
									</view>
									<view class="buyBox" v-if="item.stock_num>0&&item.num<=0" style="background: #BBBBBB;color:#fff">售罄</view>
									<view class="buyBox" v-else>抢购</view>
								</view>
								<view class="priceBox">
									<view class="price">￥{{item.money}}<span style="margin-left: 8upx;text-decoration: line-through;color:#999;font-size: 16upx;">￥{{item.oldMoney}}</span></view>
									<view class="volume">售{{item.sales_volume}}</view>
								</view>
							</view>
						</view>
						<view class="Item_bottom">
							<view class="share">
								<!-- #ifdef APP -->
								分享用户可赚取{{item.user_commission_money}}元;
								<!-- #endif -->
							</view>
							<view class="surplus" v-if="item.stock_num>0">仅剩:<span style="color:#FF5555">{{item.num}}</span>份</view>
							<view class="surplus" v-else>不限份数</view>
						</view>
					</view>
					<view class="moreBox" v-if="groupList.length>5&&!moreGroupFlag" @click="showMore">
						<view class="moretitle">更多{{groupList.length-5}}个套餐</view>
						<u-icon name="arrow-down" color="#999"></u-icon>
					</view>
				</view>
			</view>
			<view class="evaluateBox">
				<view class="feedbackBox" @click="toFeedback">
					<view class="feedbacktitle">达人反馈({{evaTotal}})</view>
					<u-icon name="arrow-right" color="#BFBFBF"></u-icon>
				</view>
				<view class="evaluateList">
					<view class="evaluateItem" v-for="(item,index) in evaList" :key="index" :data-id="item.id" @click="toContent">
						<view class="userImage" :style="{'background-image':'url('+getImage(item.user.image_url)+')'}" :data-id="item.user.id" @click="toMine">
							<!-- <image :src="getImage(item.user.image_url)" mode="" :data-id="item.user.id" @click="toMine"></image> -->
						</view>
						<view class="evaluateInfo">
							<view class="userName">{{item.user.username}}</view>
							<view class="evaluatetitme">{{item.create_time}}</view>
							<view class="evaluatecont">{{item.content}}</view>
							<view class="evaluateImage">
								<view class="ImageItem" v-for="(pitem,pindex) in item.shareimgss" :key="pindex" :style="{'background-image':'url('+pitem.titleImage+')'}">
									<!-- <image :src="pitem.titleImage" mode=""></image> -->
								</view>
							</view>
						</view>
					</view>
					<view class="MoreEvaluation" @click="toFeedback">
						<view class="MoreName">查看全部</view>
						<u-icon name="arrow-right" color="#BFBFBF"></u-icon>
					</view>
				</view>
			</view>
		</view>
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	const app = getApp();
	export default {
		data() {
			return {
				swiperList: [],
				shadowStyle:{backgroundImage: "none",marginTop: "30upx"},
				navigationHeight:0,
				id:"",
				info:{},
				page:1,
				groupList:[],
				moreGroupFlag:false,
				evaTotal:0,
				evaList:[],
				timeList:[
						"00:00",
						"01:00",
						"02:00",
						"03:00",
						"04:00",
						"05:00",
						"06:00",
						"07:00",
						"08:00",
						"09:00",
						"10:00",
						"11:00",
						"12:00",
						"13:00",
						"14:00",
						"15:00",
						"16:00",
						"17:00",
						"18:00",
						"19:00",
						"20:00",
						"21:00",
						"22:00",
						"23:00"
					]
			}
		},
		onLoad(options) {
			if(options.id){
				this.id = options.id;
				this.getDetail();
				this.getGroupList();
				this.getShareList();
			}
			let _that = this;
			uni.getSystemInfo({
				success(res) {
					//console.log(res);
					_that.navigationHeight = res.statusBarHeight;
				}
			})
		},
		onReachBottom() {
			if(!this.moreFlag){
				return false;
			}
			this.moreFlag = false;
			this.page = this.page + 1;
			this.getShareList();
		},
		methods: {
			toNav(){
				// #ifdef MP-WEIXIN
				app.$vm.checkAuth("scope.userLocation").then(result=>{
					if(result){
						uni.openLocation({
							address:this.info.detailed_address,
							latitude:Number(this.info.dimension),
							longitude:Number(this.info.longitude)
						})
					}else{
						uni.showModal({
							title:"请检查系统定位和定位授权是否打开后重试"
						})
					}
				})
				// #endif
				// #ifdef APP
				uni.openLocation({
					address:this.info.detailed_address,
					latitude:Number(this.info.dimension),
					longitude:Number(this.info.longitude)
				})
				// #endif
			},
			toMine(e){
				console.log(e)
				let id = e.target.dataset.id || e.currentTarget.dataset.id;
				uni.navigateTo({
					url:"/pages/pageone/pages/Business-card/Business-card?id="+id
				})
			},
			getVideoUrl(url) {
				return app.$vm.globalData.imgBaseUrl + url + app.$vm.globalData.videoThumb;
			},
			getImage(url) {
				if (url && (url.indexOf("http://") != -1 || url.indexOf("https://") != -1)) {
					return url;
				} else {
					return app.$vm.globalData.imgBaseUrl + url;
				}
			},
			toContent(e){
				let id = e.target.dataset.id || e.currentTarget.dataset.id;
				uni.navigateTo({
					url:"/pages/pagetwo/pages/FindDetail/FindDetail?id="+id
				})
			},
			getShareList(){
				let obj = {};
				// obj.shop_id = this.id;
				// obj.page = this.page;
				obj.lng = uni.getStorageSync("longitude");//117.082094;
				obj.lat = uni.getStorageSync("latitude");//39.987725;
				if(uni.getStorageSync("rmToken")){
					this.$u.api.shareList(obj).then(res=>{
						//console.log(res)
						this.evaTotal = res.data.total;
						if(this.page == 1){
							this.evaList = res.data.map(cur=>{
								if(cur.shareimgss.length>0){
									cur.shareimgss = cur.shareimgss.map(pcur=>{
										if (app.$vm.isImage(pcur.image_url)) {
											pcur.titleImage = this.getImage(pcur.image_url);
											pcur.imgType = true;
										} else {
											pcur.titleImage = this.getVideoUrl(pcur.image_url);
											pcur.imgType = false;
										}
										return pcur;
									})
								}else{
									cur.imgType = true;
								}
								return cur;
							});
						}else{
							this.evaList = this.evaList.concat(res.data.map(cur=>{
								if(cur.shareimgss.length>0){
									cur.shareimgss = cur.shareimgss.map(pcur=>{
										if (app.$vm.isImage(pcur.image_url)) {
											pcur.titleImage = this.getImage(pcur.image_url);
											pcur.imgType = true;
										} else {
											pcur.titleImage = this.getVideoUrl(pcur.image_url);
											pcur.imgType = false;
										}
										return pcur;
									})
								}else{
									cur.imgType = true;
								}
								return cur;
							}));
						}
						if(this.page<res.data.last_page){
							this.moreFlag = true;
						}else{
							this.moreFlag = false;
						}
					})
				}else{
					this.$u.api.indexShareList(obj).then(res=>{
						//console.log(res)
						this.evaTotal = res.data.total;
						if(this.page == 1){
							this.evaList = res.data.map(cur=>{
								if(cur.shareimgss.length>0){
									cur.shareimgss = cur.shareimgss.map(pcur=>{
										if (app.$vm.isImage(pcur.image_url)) {
											pcur.titleImage = this.getImage(pcur.image_url);
											pcur.imgType = true;
										} else {
											pcur.titleImage = this.getVideoUrl(pcur.image_url);
											pcur.imgType = false;
										}
										return pcur;
									})
								}else{
									cur.imgType = true;
								}
								return cur;
							});
						}else{
							this.evaList = this.evaList.concat(res.data.map(cur=>{
								if(cur.shareimgss.length>0){
									cur.shareimgss = cur.shareimgss.map(pcur=>{
										if (app.$vm.isImage(pcur.image_url)) {
											pcur.titleImage = this.getImage(pcur.image_url);
											pcur.imgType = true;
										} else {
											pcur.titleImage = this.getVideoUrl(pcur.image_url);
											pcur.imgType = false;
										}
										return pcur;
									})
								}else{
									cur.imgType = true;
								}
								return cur;
							}));
						}
						if(this.page<res.data.last_page){
							this.moreFlag = true;
						}else{
							this.moreFlag = false;
						}
					})
				}
			},
			collectStore(){
				let obj = {};
				obj.shop_id = this.id;
				obj.user_id = uni.getStorageSync("userId");;
				if(this.info.UserShopCollection){
					this.$u.api.userShopCollectionDel(obj).then(res=>{
						//console.log(res)
						this.$refs.uToast.show({
							title:"已取消收藏",
							type:"success",
							duration:2000
						})
						this.info.UserShopCollection = 0;
					})
				}else{
					this.$u.api.userShopCollectionAdd(obj).then(res=>{
						//console.log(res)
						this.$refs.uToast.show({
							title:"收藏成功",
							type:"success",
							duration:2000
						})
						this.info.UserShopCollection = 1;
					})
				}
				
			},
			showMore(){
				this.moreGroupFlag = true;
			},
			getGroupList(){
				let obj = {};
				obj.shop_id = this.id;
				let newObj = {};
				newObj.page = 1;
				newObj.limit = 10000;
				newObj.data = obj;
				this.$u.api.shopPackageRelationList(newObj).then(res=>{
					//console.log(res)
					this.groupList = res.list.data.map(cur=>{
						cur.limit_time = JSON.parse(cur.limit_time);
						// console.log(cur.package_title)
						if(cur.package_title){
							let arr = JSON.parse(cur.package_title);
							let pArr = [];
							for(let i=0;i<arr.length;i++){
								let price = 0;
								if(arr[i].conList){
									for(let j=0;j<arr[i].conList.length;j++){
										price = price + Number(arr[i].conList[j].price);
									}
								}
								pArr.push(price);
							}
							let money = pArr.length>0?pArr[0]:0;
							for(let i=0;i<pArr.length;i++){
								if(money<pArr[i]){
									money = pArr[i];
								}
							}
							cur.oldMoney = money;
						}else{
							cur.oldMoney = 0;
						}
						return cur;
					});
				})
			},
			getDetail(){
				let obj = {};
				obj.id = this.id;
				obj.user_id = uni.getStorageSync("userId");
				this.$u.api.shopDetails(obj).then(res=>{
					//console.log(res)
					if(res.data.is_opening==1){
						if(res.data.day_start||res.data.day_end){
							let dayArr = [];
							let dayArr1 = [];
							let time1 = "";
							let time2 = "";
							let time3 = "";
							let time4 = "";
							if(res.data.day_start&&res.data.day_start!=='0'){
								dayArr = res.data.day_start.split("-");
								time1 = Number(dayArr[0].split(":")[0])*60*60 + Number(dayArr[0].split(":")[1])*60;
								time2 = Number(dayArr[1].split(":")[0])*60*60 + Number(dayArr[1].split(":")[0])*60;
							}
							if(res.data.day_end&&res.data.day_end!=='0'){
								dayArr1 = res.data.day_end.split("-");
								time3 = Number(dayArr1[0].split(":")[0])*60*60 + Number(dayArr1[0].split(":")[0])*60;
								time4 = Number(dayArr1[1].split(":")[0])*60*60 + Number(dayArr1[1].split(":")[0])*60;
							}
							let hour = new Date().getHours()*60*60 + new Date().getMinutes()*60;
							if(dayArr.length>0&&dayArr1.length>0){
								if((hour>time1&&hour<time2)||(hour>time3&&hour<time4)){
									res.data.is_opening = 1;
								}else{
									res.data.is_opening = 2;
								}
							}else if(dayArr.length>0){
								if((hour>time1&&hour<time2)){
									res.data.is_opening = 1;
								}else{
									res.data.is_opening = 2;
								}
							}else if(dayArr1.length>0){
								if((hour>time3&&hour<time4)){
									res.data.is_opening = 1;
								}else{
									res.data.is_opening = 2;
								}
							}
						}
					}
					this.info = res.data;
					
					for(let i=0;i<this.info.images.length;i++){
						this.swiperList.push({image:this.getImage(this.info.images[i].image_url)})
					}
					let str = "";
					if(this.info.week){
						let week = this.info.week.indexOf(",") != -1 ? this.info.week.split(",") : [this.info.week];
						for(let i=0;i<week.length;i++){
							if(week[i]==1){
								str = str + "周一、";
							}else if(week[i]==2){
								str = str + "周二、";
							}else if(week[i]==3){
								str = str + "周三、";
							}else if(week[i]==4){
								str = str + "周四、";
							}else if(week[i]==5){
								str = str + "周五、";
							}else if(week[i]==6){
								str = str + "周六、";
							}else if(week[i]==7){
								str = str + "周日、";
							}
						}
						if(str){
							str = str.substring(0,str.length-1);
						}
						if(str.indexOf("周一、周二、周三、周四、周五、周六、周日")!=-1){
							this.info.weekStr = "每天";
						}else if(str.indexOf("周一、周二、周三、周四、周五、周六")!=-1){
							this.info.weekStr = "周一到周六";
						}else if(str.indexOf("周一、周二、周三、周四、周五")!=-1){
							this.info.weekStr = "周一到周五";
						}else if(str.indexOf("周一、周二、周三、周四")!=-1){
							this.info.weekStr = "周一到周四";
						}else if(str.indexOf("周一、周二、周三")!=-1){
							this.info.weekStr = "周一到周三";
						}else if(str.indexOf("周二、周三、周四、周五、周六、周日")!=-1){
							this.info.weekStr = "周二到周日";
						}else if(str.indexOf("周三、周四、周五、周六、周日")!=-1){
							this.info.weekStr = "周三到周日";
						}else if(str.indexOf("周四、周五、周六、周日")!=-1){
							this.info.weekStr = "周四到周日";
						}else if(str.indexOf("周五、周六、周日")!=-1){
							this.info.weekStr = "周五到周日";
						}else{
							this.info.weekStr = str;
						}
					}else{
						this.info.weekStr = "该商户暂未设置，请确认预约后到店";
					}
					this.info.distance = app.$vm.getDistance(Number(this.info.dimension),Number(this.info.longitude));
					
				})
			},
			MakeCall(){
				if(!this.info.mobile){
					this.$refs.uToast.show({
						title:"暂未设置",
						type:"error",
						duration:2000
					})
					return false;
				}
				uni.makePhoneCall({
				  phoneNumber:this.info.mobile.trim() //仅为示例
				});
			},
			//优惠详情
			toOfferDetails(e){
				let id = e.target.dataset.id || e.currentTarget.dataset.id;
				uni.navigateTo({
					url:"/pages/pagethree/pages/OfferDetails/OfferDetails?id="+id
				})
			},
			toFeedback(){
				uni.navigateTo({
					url:"/pages/pagetwo/pages/Feedback/Feedback?type=shop&id="+this.id
				})
			}
		}
	}
</script>

<style scoped lang="less">
	.evaluateBox{
		padding: 32upx 24upx;
		background-color: #fff;
		margin-top: 16upx;
		.feedbackBox{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-bottom: 24upx;
			.feedbacktitle{
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: #333333;	
			}
		}
		.evaluateList{
			.evaluateItem{
				display: flex;
				padding: 32upx 0;
				border-top: 2upx solid #EDEDED;
				.userImage{
					width: 72upx;
					height: 72upx;
					border-radius: 50%;
					overflow: hidden;
					// background-color: #F0AD4E;
					margin-right: 16upx;
					background-size: cover;
					background-position: center;
					// image{
					// 	width: 100%;
					// 	height: 100%;
					// 	border-radius: 50%;
					// }
				}
				.evaluateInfo{
					width: calc(100% - 88upx);
					.userName{
						font-size: 24upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #333333;
					}
					.evaluatetitme{
						font-size: 16upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #999999;
						margin-top: 16upx;
					}
					.evaluatecont{
						font-size: 20upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						line-height: 34upx;
						color: #333333;
						margin-top: 24upx;
					}
					.evaluateImage{
						margin-top: 24upx;
						display: flex;
						flex-wrap: wrap;
						.ImageItem{
							width: 144upx;
							height: 144upx;
							border-radius: 8upx;
							margin-right: 12upx;
							// background-color: #F0AD4E;
							margin-bottom: 16upx;
							background-size: cover;
							background-position: center;
							// image{
							// 	width: 100%;
							// 	height: 100%;
							// 	border-radius: 8upx;
							// }
						}
						.ImageItem:nth-child(4n+4){
							margin-right: 0;
						}
					}
				}
			}
			.MoreEvaluation{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding-top: 32upx;
				border-top: 2upx solid #EDEDED;
				.MoreName{
					font-size: 24upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
			}
		}
	}
.FoodDetails{
	background-color: #F3F3F3;
	height: 100vh;
	overflow: auto;
	.IconBox{
		display: flex;
		align-items: center;
		padding: 0 24upx;
	}
	.FoodDetailsBox{
		.Details_top{
			background-color: #fff;
			padding: 16upx 24upx;
			.wrap{
			}
			.Detailstitle{
				font-size: 28upx;
				font-family: Source Han Sans CN;
				font-weight: bold;
				color: #333333;
				padding: 24upx 0;
			}
			.HoursBox{
				display: flex;
				align-items: center;
				padding: 0 0 20upx 0;
				.Hourstitle{
					font-size: 24upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
					margin-right: 32upx;
				}
				.Hours{
					font-size: 24upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #333333;
				}
			}
			.menuBox{
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				padding-bottom: 24upx;
				border-bottom: 2upx solid #F5F5F5;
				.menuItem{
					background: #F5F5F5;
					opacity: 1;
					border-radius: 8upx;
					padding: 8upx 16upx;
					margin-right: 16upx;
					display: inline-block;
					margin-bottom: 16upx;
					font-size: 16upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					color: #666666;
				}
			}
			.addressBox{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 24upx 0;
				.address_L{
					.addresstitle{
						font-size: 24upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #333333;
						margin-bottom: 12upx;
					}
					.addressNum{
						font-size: 16upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #999999;
					}
				}
			}
		}
		.DiscountBox{
			margin-top: 16upx;
			background-color: #fff;
			padding:0 24upx;
			.Discounttitle{
				display: flex;
				align-items: center;
				padding: 24upx 0;
				.DiscountIcon{
					width: 28upx;
					height: 28upx;
					background: #FFAC3F;
					opacity: 1;
					border-radius: 4upx;
					font-size: 16upx;
					font-family: Source Han Sans CN;
					font-weight: 400;
					text-align: center;
					line-height: 28upx;
					color: #FFFFFF;
				}
				.DiscountName{
					font-size: 24upx;
					font-family: Source Han Sans CN;
					font-weight: bold;
					color: #333333;
					margin-left: 16upx;
				}
			}
			.DiscountList{
				.DiscountItem{
					width: 702upx;
					background: #FFFFFF;
					box-shadow: 0 0 12upx rgba(0, 0, 0, 0.16);
					opacity: 1;
					padding: 16upx;
					margin-bottom: 24upx;
					.Item_top{
						display: flex;
						padding-bottom: 16upx;
						border-bottom: 2upx solid #F5F5F5;
						.ItemImage{
							width: 112upx;
							height: 112upx;
							border-radius: 8upx;
							overflow: hidden;
							// background-color: #F0AD4E;
							margin-right: 16upx;
							background-position: center;
							background-size: cover;
							image{
								width: 100%;
								height: 100%;
								border-radius: 8upx;
							}
						}
						.Iteminfo{
							width: calc(100% - 128upx);
							.info_top{
								display: flex;
								justify-content: space-between;
								align-items: center;
								margin-bottom: 16upx;
								.NameBox{
									.Name{
										font-size: 20upx;
										font-family: Source Han Sans CN;
										font-weight: 400;
										color: #333333;
										margin-bottom: 16upx;
									}
									.titmes{
										font-size: 16upx;
										font-family: Source Han Sans CN;
										font-weight: 400;
										color: #999999;
									}
								}
								.buyBox{
									width: 96upx;
									height: 56upx;
									background: linear-gradient(180deg, #FFAC3F 0%, #FC8643 100%);
									opacity: 1;
									border-radius: 28upx;
									font-size: 24upx;
									font-family: Source Han Sans CN;
									font-weight: 400;
									line-height: 56upx;
									text-align: center;
									color: #FFFFFF;
								}
							}
							.priceBox{
								display: flex;
								justify-content: space-between;
								align-items: center;
								.price{
									font-size: 20upx;
									font-family: Source Han Sans CN;
									font-weight: bold;
									color: #FFAC3F;
								}
								.volume{
									font-size: 16upx;
									font-family: Source Han Sans CN;
									font-weight: 400;
									color: #D0D0D0;
								}
							}
						}
					}
					.Item_bottom{
						display: flex;
						justify-content: space-between;
						align-items: center;
						padding: 16upx 0;
						.share{
							font-size: 16upx;
							font-family: Source Han Sans CN;
							font-weight: 400;
							color: #999999;
						}
						.surplus{
							font-size: 16upx;
							font-family: Source Han Sans CN;
							font-weight: 400;
							color: #333333;
						}
					}
				}
				.moreBox{
					display: flex;
					align-items: center;
					justify-content: center;
					padding: 16upx 0 32upx 0;
					.moretitle{
						font-size: 24upx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						color: #999999;
						margin-right: 4upx;
					}
				}
			}
		}
	}
}
</style>
